import {defineConfig} from 'vite'  // 导入Vite的配置函数
import vue from '@vitejs/plugin-vue'  // 导入Vue插件

import {resolve} from 'path'  // 导入Node.js的路径处理模块
const pathResolve = dir => resolve(__dirname, dir)  // 创建路径解析函数

import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'

// https://vite.dev/config/
export default defineConfig({
    // 插件配置
    plugins: [vue(),
        createSvgIconsPlugin({
            iconDirs:[resolve(process.cwd(),'src/assets/svg')],
            symbolId:'icon-[dir]-[name]',
        })
    ],  // 使用Vue插件
    // 插件选项配置
    pluginOptions: {
        'style-resources-loader': {  // 样式资源加载器配置
            preProcessor: 'scss',  // 使用SCSS预处理器
            patterns: []  // 样式文件路径模式
        }
    },
    /**
     * 开发服务器配置
     */
    server: {
        port: 3000,  // 开发服务器端口
        // 当前端服务启动时，自动打开默认浏览器访问项目
        open: true,  // 自动打开浏览器
        // 允许跨域资源共享（CORS），使得不同源的请求可以正常访问开发服务器
        cors: true  // 启用CORS
    },
    resolve: {
        alias: {
            '@': pathResolve('./src')  // 设置路径别名，@指向src目录
        }
    }
})
